<template>
  <div class="goweek">
    <dl>
      <dt>周末去哪儿</dt>
      <dd v-for="item in goweek" :key="item.id">
        <img class="img" :src="item.imgUrl" :alt="item.title">
        <p>{{ item.title }}</p>
        <p class="small">{{ item.message }}</p>
      </dd>
    </dl>
    <p class="p"><span class="iconfont imgs">&#xe608;</span> 票面价<span class="small">是指通过景区指定窗口售卖的纸质门票上标注的价格</span> </p>
  </div>
</template>

<script>
    export default {
      props:["goweek"],
      data(){
        return{
        }
      }
    }
</script>

<style scoped lang="stylus">
  @import "~css/common.styl"
  .goweek
    padding-top: .2rem
    dd
      background: #ffffff
      padding-bottom: .2rem
      margin-bottom: .1rem
    .img
      width: 100%
      height: 2.7rem
    .small
      font-size: .24em
      color: #616161
      $txtH()
    dt
      height: .8rem;
      font-size: .28rem
      text-indent .26rem
      line-height: .8rem
      color: #212121
    p
      margin: .1rem 0
      text-indent: .2rem
      font-size: .28em
      width: 6rem
    .p
      width: 100%
      font-size: .24rem
      margin-left: 0
      text-indent: .1rem
      margin-top: .14rem;
      line-height: .48rem;
      background: #fff;
      color: #616161;
      .imgs
        font-size: .24rem
</style>
